<template>
  <div id="app" style="overflow: hidden;">
    <transition name="fade">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </transition>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style scoped>
  body{
    margin:0px;
    padding:0px;
    overflow: hidden;
  }
  .nav-tabs,.nav-content{
    float: left;}
  .nav-tabs{
    position: absolute;
    top: 82px;
    left: 0px;
    bottom: 0;
    z-index: 1;
    overflow-y: auto;
    width:200px;
    color: #364149;
    background: #fafafa;
    border-right: 1px solid rgba(0,0,0,.07);}
  .nav-content{
    width: auto;
    height:890px;
    position: absolute;
    top: 82px;
    left: 200px;
    right: 0px;
  }
  .nav-tabs ul{
    padding: 0px;
    overflow: hidden;}
  .nav-tabs ul li{
    list-style: none;}
  .nav-tabs ul li a{
    display: block;
    height: 50px;
    line-height: 50px;}
  .item-children li{
    text-align: center;}
#app {
}
</style>
